.container {
  overflow: hidden;
  display: grid;
  grid-gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));

  margin-top: 48px;

  .imageContainer img {
    width: 100%;
    height: 228px;
    object-fit: cover;
    transition: transform 0.5s;
  }

  .imageContainer:hover img {
    cursor: pointer;
    transform: scale(1.035);
  }
}

.fetchSpinner {
  display: grid;
  place-items: center;
  height: 100px;
  margin-bottom: 100px;
}

.work {
  display: grid;
  place-items: center;
  height: 100px;
  background-color: #0f9954;

  h3 {
    color: white;
  }
}
